/*主体样式
 * ----------------------------------------*/

* {
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	list-style-type: none;
	font-family: "幼圆", "微软雅黑";
	-webkit-transition: background-color 0.3s, border 0.3s, box-shadow 0.3s, color 0.3s;
	-moz-transition: background-color 0.3s, border 0.3s, box-shadow 0.3s, color 0.3s;
	-ms-transition: background-color 0.3s, border 0.3s, box-shadow 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, border 0.3s, box-shadow 0.3s, color 0.3s;
	transition: background-color 0.3s, border 0.3s, box-shadow 0.3s, color 0.3s;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

body {
	position: relative;
	background-color: #D1D1D1;
	min-width: 1300px;
}

.container,
.main-container,
.out-div,
.document-list{
	padding-bottom: 60px !important;
        margin-bottom: 0 !important;
}

.not-manager-hidden{
	display: none;
}


/*header的最外层div
 * ----------------------------------------*/

.all-page .header {
	position: relative;
	width: 100%;
	height: 180px;
	background: transparent linear-gradient(45deg, #1282DB 0px, #7C00FF 100%) repeat scroll 0% 0%;
}

/*
 * 头部的container
 */
/*@media all and (min-width: 1600px) {
.all-page .header-container{
	position: relative;
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	height: 180px;
}	
}*/
.all-page .header-container{
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	height: 180px;
}	

/*调整“注销、当前用户、建议投诉”的位置的div
 * ----------------------------------------*/

.all-page .adjust-exit {
	position: absolute;
	right: 0;
	width: 360px;
}
.all-page .exit,
.all-page .current-user,
.all-page .recomendation {
	color: #DEDEDE;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}
.all-page .fa-close,
.all-page .fa-home {
	position: absolute;
	height: 20px;
	line-height: 20px;
	color: #DEDEDE;
}
/*注销
 * ----------------------------------------*/

.all-page .fa-close{
	display: none;
}
.all-page .exit {
	display:none;
	position: absolute;
	right: 10px;
	top: 0;
}
.all-page .exit:hover {
	color: white;
}
.all-page .fa-close {
	right: 38px;
}
/*建议投诉
 * ----------------------------------------*/

.all-page .recomendation {
	position: absolute;
	right: 65px;
	top: 0;
}
.all-page .recomendation:hover {
	color: white;
}
.all-page .fa-home {
	top: 2px;
	right: 95px;
}
/*
 * 管理
 */
.all-page .adjust-exit .manage,
.all-page .adjust-exit .fa-gear,
.all-page .adjust-exit .user-manage,
.all-page .adjust-exit .fa-user{
	position: absolute;
	right: 125px;
	top: 1px;
	font-size: 15px;
	color: #DEDEDE;
}
.all-page .adjust-exit .fa-gear{
	right: 187px;
	top:4px
}
.all-page .adjust-exit .manage:hover,
.all-page .adjust-exit .user-manage:hover{
	color: white;
}
/*
 * 文档管理
 */
.all-page .adjust-exit .user-manage{
	z-index: 1;
	right: 215px;
}
.all-page .adjust-exit .fa-user{
	top: 4px;
	right: 279px;
}
/*调整“在线管理系统”及图标的DIV
 * ----------------------------------------*/

.all-page .adjust-title {
	position: absolute;
	left: 80px;
	top: 10px;
	/*margin-left: -197px;*/
	width: 390px;
	height: 60px;
}
/*在线浏览系统
 * ----------------------------------------*/

.all-page .header .title {
	position: absolute;
	width: 335px;
	left: 70px;
	top: 25px;
	/*margin-left: -157px;*/
	font-size: 30px;
	color: white;
}
/*在线**图标
 * ----------------------------------------*/

.all-page .fa-cloud {
	color: white;
	/*text-shadow: 0 0 5px #0666C9;*/
}
.all-page .fa-file-text {
	color: #2C95FF;
}
.all-page .DMOS-logo {
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	top: 5px;
	/*margin-left: -30px;*/
	font-size: 30px;
}
/*搜索的form
 * ----------------------------------------*/

.all-page .search-form {
	position: absolute;
	top: 90px;
	left: 70px;
	/*margin-left: -280px;*/
	overflow: hidden;
	width: 580px;
}
/*@media all and (min-width: 1600px) {
	.search-form {
		left: 30%;
	}
}*/
/*搜索的form里面的label,input,select
 * ----------------------------------------*/

.all-page .search-form label,
.all-page .search-form input,
.all-page .search-form select {
	float: left;
	cursor: pointer;
}
.all-page .label-time,
.all-page .label-p-count {
	cursor: default !important;
	margin-left: 10px !important;
}

/*搜索的form里面的label、checkbox
 * ----------------------------------------*/

.all-page .search-form label,
.all-page .search-form input[type="checkbox"] {
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 0 3px;
	color: #F0F0F0;
}
.all-page .search-form label:hover {
	color: white;
}
/*搜索的form里面的select
 * ----------------------------------------*/

.all-page .search-form select {
	display: block;
	height: 18px;
	line-height: 18px;
	margin: 3px;
	width: 70px;
	font-size: 12px;
}
/*搜索的输入框
 * ----------------------------------------*/

#all-page-search {
	width: 440px;
	height: 30px;
	border: none;
	border-radius: 3px 0 0 3px;
	padding-left: 10px;
	background: #F0F0F0;
	cursor: text;
}
#all-page-search:focus {
	background: white;
}
/*搜索的按钮
 * ----------------------------------------*/

#all-page-submit {
	width: 110px;
	height: 30px;
	border: none;
	border-radius: 0 3px 3px 0;
	background: #6AB7F5;
	color: white;
	font-size: 20px;
	letter-spacing: 5px;
	cursor: pointer;
}
/*搜索按钮的hover
 * ----------------------------------------*/

#all-page-submit:hover {
	background: #52AAF2;
}
/*搜索中的全选checkbox，此处换行
 * ----------------------------------------*/

#all {
	clear: left;
}
/*login/regist的最外层的div
 * ----------------------------------------*/

.all-page .login-regist {
	position: absolute;
	display: block;
	right: 18%;
	width: 210px;
	height: 180px;
}
@media all and (min-width: 1600px) {
	.all-page .login-regist {
		right: 13%;
	}
}
/*登录、注册的form
 * ----------------------------------------*/

.all-page .login,
.all-page .regist {
	position: absolute;
	top: 10px;
	width: 210px;
	height: 210px;
	clear: left;
}
.all-page .login:after,
.all-page .regist:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
/*注册框
 * ----------------------------------------*/

.all-page .regist {
	display: none;
}
/*登录注册form里面的所有元素
 * ----------------------------------------*/

.all-page .login *,
.all-page .regist * {
	display: block;
}
/*登录注册转换的按钮
 * ----------------------------------------*/

.all-page .login-regist button {
	/*display: none;*/
	/*float: left;*/
	position: absolute;
	width: 25px;
	height: 80px;
	left: -20px;
	background: #4E53F5;
	color: #FFFFFF;
	border: none;
	margin-top: 10px;
	font-size: 13px;
	cursor: pointer;
}
.all-page .login-regist button:first-child {
	border-radius: 3px 3px 0 0;
	top: 5px;
	/*background: #3687F6;*/
}
.all-page .login-regist button:nth-child(2) {
	border-radius: 0 0 3px 3px;
	top: 85px;
}
/*登录注册转换的按钮,添加hover
 * ----------------------------------------*/

.all-page .login-regist button:hover {
	background: rgba(32, 149, 247, 0.8);
}
/*注册登录转换按钮的第一个按钮，添加中线
 * ----------------------------------------*/

.all-page .login-regist button:first-child {
	border-bottom: 1px solid #6C13FA;
}
/*登录、注册转换按钮下面的小三角
 * ----------------------------------------*/

.all-page .login-regist .array {
	display: block;
	position: absolute;
	left: 5px;
	top: 51px;
	border-right: -8px;
	border: 4px solid transparent;
	border-left-color: #4E53F5;
	z-index: 1;
}
/*登录form里的记住我的input、记住我的label、忘记密码
 * ----------------------------------------*/

#remember-me,
.all-page .label-rem,
.all-page .forget {
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0 4px 5px 4px;
	font-size: 12px;
}
.all-page .label-rem {
	color: #DEDEDE;
}
.all-page .label-rem:hover {
	color: white;
}
.all-page .forget {
	color: #DEDEDE;
}
.all-page .forget:hover {
	color: white;
}
/*登录form里的记住我的input，使得三个一起的整体右移一点
 * ----------------------------------------*/

#remember-me {
	margin-left: 49px;
	cursor: pointer;
}
/*记住我的label
 * ----------------------------------------*/

.all-page .label-rem {
	cursor: pointer;
}
/*登录注册form里面的两个submit
 * ----------------------------------------*/

.all-page .login-regist input[type="submit"] {
	width: 160px;
	height: 25px;
	background: #6AB7F5;
	border: none;
	margin-left: 30px;
	letter-spacing: 3px;
	color: white;
	font-size: 15px;
	border-radius: 3px;
	cursor: pointer;
}
/*登录注册form里面的两个submit,hover
 * ----------------------------------------*/

.all-page .login-regist input[type="submit"]:hover {
	background: #52AAF2;
}
/*用于调整图标的div里面的input
 * ----------------------------------------*/

.all-page .adjust-icon input {
	float: left;
}
/*登录注册form里面的text password
 * ----------------------------------------*/

.all-page .login-regist input[type="text"],
.all-page .login-regist input[type="password"] {
	width: 150px;
	height: 25px;
	line-height: 25px;
	margin: 5px 5px;
	border: none;
	border-radius: 3px;
	padding-left: 6px;
	background: #F5F5F5
}
.all-page .login-regist input[type="text"]:focus,
.all-page .login-regist input[type="password"]:focus {
	background: white;
}
/*注册的text password 缩小高度、margin
 * ----------------------------------------*/

.all-page .login-regist .regist input[type="text"],
.all-page .login-regist .regist input[type="password"] {
	height: 22px;
	line-height: 22px;
	margin: 4px 5px;
}
/*注册的adjust-icon、缩小高度
 * ----------------------------------------*/
/*.login-regist .regist .adjust-icon{
	height: 30px;
}*/
/*注册的submit
 * ----------------------------------------*/

.all-page .login-regist .regist input[type="submit"] {
	margin-top: 8px;
}
/*登录、注册的input focus 增多后代选择器提高优先级
 * ----------------------------------------*/
/*.login-regist .adjust-icon input:focus{
	border: solid 1px #2C95FF;
}*/
/*调整icon input img的外div
 * ----------------------------------------*/

.all-page .login-regist .adjust-icon {
	position: relative;
	width: 190px;
	left: 50%;
	margin-left: -95px;
}
.all-page .login-regist .adjust-icon:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: left;
}
/*登录注册form里面的第一个div
 * ----------------------------------------*/

.all-page .login-regist .adjust-icon:first-child {
	margin-top: 10px;
}
/*字体图标span
 * ----------------------------------------*/

.all-page .adjust-icon span {
	font-size: 15px;
	float: left;
	line-height: 35px;
	height: 35px;
	color: #DEDEDE;
}
.all-page .regist .adjust-icon span {
	line-height: 30px;
	height: 30px;
}
/*验证码输入框、后代选择器增加了优先级
 * ----------------------------------------*/

.all-page .login-regist .login .identify,
.all-page .login-regist .regist .identify {
	width: 85px;
}
/*验证码
 * ----------------------------------------*/

.all-page .adjust-icon img {
	position: absolute;
	top: 49%;
	right: 7%;
	margin-top: -10px;
	width: 53px;
	height: 20px;
	line-height: 20px;
}
/*头像所在的框
 * ----------------------------------------*/

.all-page .header-container .portrait {
	position: absolute;
	display: none;
	right: 17.7%;
	width: 248px;
	height: 180px;
	padding: 1px;
}
/*头像的img
 * ----------------------------------------*/

.all-page .header-container  .portrait img {
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 50%;
}
/*头像的img外的a
 * ----------------------------------------*/

.all-page .header-container  .portrait .img_a {
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	margin: 7px auto 0 auto;
	/*box-shadow: 0 0 5px #80A4F0;*/
}
/*头像的img外的a hover的时候
 * ----------------------------------------*/

.all-page .header-container  .portrait .img_a:hover {
	box-shadow: 0 0 10px #6AB7F5;
}
/*名字
 * ----------------------------------------*/

.all-page .header-container  .portrait p {
	text-align: center;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #76B7F7;
	color: #F5F5F5;
}
/*名字hover的时候
 * ----------------------------------------*/

.all-page .header-container  .portrait p:hover {
	color: #FFFFFF;
}
/*已下载、收藏、我的文档的a
 * ----------------------------------------*/

.all-page .header-container  .portrait .dolowned,
.all-page .header-container  .portrait .collection,
.all-page .header-container  .portrait .my-document {
	display: block;
	float: left;
	width: 80px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #DEDEDE;
}

.all-page .header-container  .portrait .my-document{
	/*width: 78px !important;*/
	margin-left: 1px;
}
/*已下载、收藏、我的文档里面的a hover的时候
 * ----------------------------------------*/

.all-page .header-container  .portrait .dolowned:hover,
.all-page .header-container  .portrait .collection:hover,
.all-page .header-container  .portrait .my-document:hover {
	color: #FFFFFF;
}
/*除了上传文档按钮外的a里面的span，数量
 * ----------------------------------------*/

.all-page .header-container  .portrait a:not(.upload) span {
	box-sizing: border-box;
	min-width: 15px;
	padding: 0 2px;
	display: inline-block;
	height: 12px;
	border-radius: 3px;
	background: #636FF5;
	line-height: 12px;
	margin-left: 3px;
}
/*已下载、收藏
 * ----------------------------------------*/

.all-page .header-container  .portrait .dolowned,
.all-page .header-container  .portrait .collection {
	border-right: 1px solid #76B7F7;
}
/*我的文档
 * ----------------------------------------*/
/*上传文档的按钮
 * ----------------------------------------*/

.all-page .header-container  .portrait .upload {
	background-color: rgba(106, 183, 245, 0.5);
	display: block;
	width: 130px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 36px auto 0 auto;
	border-radius: 3px;
	color: white;
	font-size: 14px;
}
/*上传文档的按钮hover的时候
 * ----------------------------------------*/

.all-page .header-container  .portrait .upload:hover {
	background: #52AAF2;
}
/*用户名提示 用户名错误 userNameTip
 * ----------------------------------------*/

.all-page .userNameTip,
.all-page .passwordTip,
.all-page .captchaTip,
.all-page .registUserNameTip,
.all-page .registPhoneOrEmailTip,
.all-page .registpasswordTip,
.all-page .registConfirmTip {
	display: block;
	position: absolute;
	left: 190px;
	width: 253px;
	text-align: left;
	font-size: 13px;
}
/*
 * js 添加的 circleStyle
 */

.all-page .circleStyle1,
.all-page .circleStyle2,
.all-page .circleStyle3,
.all-page .circleStyle4,
.all-page .circleStyle5,
.all-page .circleStyle6 {
	position: absolute;
	background: white;
	border-radius: 50%;
	box-shadow: 0 0 15px 5px white;
	opacity: 0.3;
}
.all-page .circleStyle1 {
	width: 30px;
	height: 30px;
	top: 5%;
	left: 35%;
}
.all-page .circleStyle2 {
	width: 25px;
	height: 25px;
	top: 20%;
	left: 57%;
}
.all-page .circleStyle3 {
	width: 20px;
	height: 20px;
	top: 10%;
	left: 50%;
}
.all-page .circleStyle4 {
	width: 15px;
	height: 15px;
	top: 75%;
	left: 40%;
}
.all-page .circleStyle5 {
	width: 15px;
	height: 15px;
	top: 35%;
	left: 63%;
}
.all-page .circleStyle6 {
	width: 30px;
	height: 30px;
	top: 50%;
	left: 55%;
}


.all-page footer{
	position: absolute;
	bottom: 0;
	clear: both;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: 50px;
	text-align: center;
	background: #FFFFFF;
	color: #575757;
}

/*
 * 显示头像
 */
.logined .header-container .portrait{
    display: block;
}

.logined .header-container .login-regist{
    display: none;
}

.logined .header-container .exit{
	display: block;
}

.logined .header-container .adjust-exit .fa-close{
	display:block;
}
/*
 * 显示管理员的用户管理/文件管理
 */
.manage-logined .not-manager-hidden{
	display: block !important;
}

.page-divider .active{
    background: #3E90D1 !important;
    color: white !important;
    border: solid 1px #3E90D1 !important;
}

.page-divider .disabled{
	color: #DDE3E3 !important;
	cursor: default !important;
}
.page-divider .disabled:hover{
	background: none !important;
	color: #DDE3E3 !important;
	border: solid 1px #DDE3E3 !important;	
}

.header-container .login-regist .active{
	background: #2B80F6 !important;
}


/*
 * 分页显示按钮的外层div
 */
.page-divider{
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	margin: 10px 0;
	background: white;
	border-radius: 3px;
	padding: 0 30px;
}
/*
 * 调整分页按钮位置
 */
.adjust-page-divider{
	float: right;
	margin: 17px 0;
}
/*
 * 分页按钮所有的a
 */
.adjust-page-divider a{
	display: inline-block;
	margin: 0 3px;
	height: 25px;
	padding: 0 8px;
	border-radius: 3px;
	color: #393939;
	border: solid 1px #DDE3E3;
	line-height: 25px;
	text-align: center;
}
/*
 * 上一页/下一页
 */
/*.userMng .adjust-page-divider a:nth-child(3),
.userMng .adjust-page-divider a:nth-child(6){
	width: 80px;
}*/

.adjust-page-divider a:first-child .fa,
.adjust-page-divider a:last-child .fa{
	display: inline-block;
	color: #3E90D1;
}

.adjust-page-divider a:hover,
.adjust-page-divider a:hover,
.adjust-delete-button button:hover,
.adjust-delete-button input:hover{
	background: #3E90D1;	
	color: white;
	border: solid 1px #3E90D1;
}
.adjust-page-divider a:first-child:hover .fa,
.adjust-page-divider a:last-child:hover .fa{
	color: white;
}